import styled from 'styled-components'
import style from '../../assets/global-style'
import { px2rem } from '../../assets/global-style'

export const Wrapper = styled.div`
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0; 
    z-index: 100;
    height: ${px2rem(50)};
    display: flex;
    background-color: ${style["theme-color-tab"]};
    /* background-color: yellow; */
    a {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:space-around;
        color: #e0e0e0;      
        i {
            font-size: 22px;
        }
    }
    .active {
        color: #333;
        font-weight: 600;
    }
`